import Icon from "@/components/Icon";
import styles from "./index.module.scss";

type Props = {
  // normal 普通评论
  // reply 回复评论
  type?: "normal" | "reply";
};

const CommentFooter = ({ type = "normal" }: Props) => {
  return (
    <div className={styles.root}>
      <div className="input-btn">
        <Icon type="icon-a-4bianji" />
        <span>抢沙发</span>
      </div>

      {type === "normal" && (
        <>
          <div className="action-item">
            <Icon type="icon-pinglun" />
            <p>评论</p>
            {!!1 && <span className="bage">{1}</span>}
          </div>
          <div className="action-item">
            <Icon type="icon-dianzan1" />
            <p>点赞</p>
          </div>
          <div className="action-item">
            <Icon type="icon-shoucang" />
            <p>收藏</p>
          </div>
        </>
      )}

      {type === "reply" && (
        <div className="action-item">
          <Icon type="icon-dianzan1" />
          <p>点赞</p>
        </div>
      )}

      <div className="action-item">
        <Icon type="icon-fenxiang" />
        <p>分享</p>
      </div>
    </div>
  );
};

export default CommentFooter;
